<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>三大特性</title>
    <style>
        /*特性一，冲突会根据优先级覆盖,权重一样看顺序*/
        #aa {
            color: orange;
            color: red;
        }

        h2 {
            color: green;
        }
        /*特性二，继承性，元素会自动拥有其父元素，其祖上元素所设置的某些样式,div中span也会yellow色*/
        /*继承离的最近的祖先*/
        /*查看mdn是否能继承，常见可继承的text-xx,font-xx,line-xx,color ,color和font-size可以继承(常用)，像background-color就是不可继承*/
        div {
            color: yellow;
        }
        /*继承过来的优先级比通配都低*/
        *{
            color: gray;
        }
    </style>
</head>
<body>
<div class="container">
    <h2 id="aa">1111</h2>
</div>

<div>
    我是div中的文字
    <span>我是div中的span中的文字</span>
</div>
</body>
</html>